<?php
require_once('./php_lib/conexion.php');
require_once('./php_lib/funciones.php');

$editFormAction = "./ajax_producto.php?funcion=1";

$lista_colores = obtener_colores($db_zapatos);
$lista_tallas = obtener_tallas($db_zapatos);
$lista_marcas = obtener_marcas($db_zapatos);
$lista_modelos = obtener_modelos($db_zapatos, $lista_marcas);
$lista_tipos = obtener_tipos($db_zapatos);
$lista_generos = obtener_generos($db_zapatos);
$lista_perfiles_cliente = obtener_perfiles_cliente($db_zapatos, $lista_generos);

?>

<div id="h_con" class="myform">
<form id="form1" name="form1" method="post" action="<?php echo $editFormAction; ?>">
<fieldset><legend>Registrar producto</legend>
	<div class="notes" id="notes">
		<h4>Nota:</h4>
			<p>Ingrese los datos y presione "Enviar".</p>
	</div>
	<div>
		<label for="prod_valor">Valor</label>
		<input type="text" name="prod_valor" id="prod_valor" />
	</div>
  
	<div><label for="col_id">Color</label>
		<select id="col_id" name="col_id">
			<option value="0" SELECTED>Selectione un color</option>
			<? foreach( $lista_colores as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div><label for="talla_id">Talla</label>
		<select id="talla_id" name="talla_id">
			<option value="0" SELECTED>Seleccione una talla</option>
			<? foreach( $lista_tallas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div><label for="mar_id">Marca</label>
		<select id="mar_id" name="mar_id">
			<option value="0" SELECTED>Seleccione una marca</option>
			<? foreach( $lista_marcas as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div><label for="mod_id">Modelo</label>
		<select name="mod_id" id="mod_id" disabled="disabled">
			<option value="0">Seleccione una marca</option>  
		</select></div>

	<div><label for="tip_id">Tipo</label>
		<select id="tip_id" name="tip_id">
			<option value="0" SELECTED>Seleccione un tipo</option>
			<? foreach( $lista_tipos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div><label for="gen_id">Genero</label>
		<select id="gen_id" name="gen_id">
			<option value="0" SELECTED>Seleccione genero</option>
			<? foreach( $lista_generos as $key => $val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $key, $val);
			} ?>
		</select></div>

	<div><label for="perfc_id">Perfil cliente</label>
		<select name="perfc_id" id="perfc_id" disabled="disabled">
			<option value="0">Seleccione un género</option>  
		</select></div>
	<div>
		<input type="button" name="enviar" id="bt_enviar" value="Enviar" />
		<input type="hidden" name="MM_insert" value="form1" />
	</div>
</fieldset>
</form>
</div>

<div id="h_not" style="display:none;">
	<div class="notificacion">Producto ingresado corréctamente.</div>
	<a href="#" onclick="$('#mainDiv').load('./registrar_cliente.php');">Continuar</a>
</div>

<script language="javascript">
<!--
// Interceptamos el click del boton enviar
$('#bt_enviar').click(function() {
// Enviamos el formulario usando AJAX
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: $('#form1').attr('action'),
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0){
			$('#h_con').hide();
			$('#h_not').show("fast");
		} else {
			v1 = "<h4 class=error>Error en los datos</h4>";
			for( error_key in data.lista_errores){
				v1 += "<p class=error>" + data.lista_errores[error_key] + "</p>";
			}
			$('#notes').html(v1);
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})        
}); 

$('#mar_id').change( function() {
	key = document.getElementById('mar_id').selectedIndex;
	modelo = document.getElementById('mod_id');
	modelo.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_modelos[key]){
			modelo.length++;
			modelo.options[i].value = s_key;
			modelo.options[i].text =  lista_modelos[key][s_key];
			i++;
		}
		modelo.disabled = false;
		modelo.options[0].text = "Seleccione un modelo";
	} else {
		modelo.disabled = true;
		modelo.options[0].text = "Selectione una marca";
	}
});

$('#gen_id').change( function() {
	key = document.getElementById('gen_id').selectedIndex;
	perfc = document.getElementById('perfc_id');
	perfc.length = 1;
	if (key != 0) {
		i = 1;
		for( s_key in lista_perfiles_cliente[key]){
			perfc.length++;
			perfc.options[i].value = s_key;
			perfc.options[i].text =  lista_perfiles_cliente[key][s_key];
			i++;
		}
		perfc.disabled = false;
		perfc.options[0].text = "Seleccione un perfil";
	} else {
		perfc.disabled = true;
		perfc.options[0].text = "Selectione un género";
	}
});
-->
</script>
